{extend name='public/layout' /}
{block name='content'}
<script src="__JS__/amazeui.min.js"></script>
<div data-am-widget="slider" class="am-slider am-slider-a1" data-am-slider='{"directionNav":false}' >
    <ul class="am-slides">
        {volist name='slides' id='vo'}
        <li>{$vo}</li>
        {/volist}
    </ul>
</div>

<div class="div_box">
    <h1 class="h1_title"><span class="h1_title_t">{$articleCate['cate'][1]['name']}</span></h1>
    <div class="">
       <ul>
            {fang:lists table='article' field='id,cate_id,title,description' where='status=1 and cate_id=1 and create_time < $time' order='ordid asc,id desc' limit='7' id='vo'}
            {if condition='$i gt 3'}
            <li><a href="{:url('News/detail',['id'=>$vo['id']])}">{$vo.title}</a></li>
            {else /}
            <li>
                <span class="title_t"><a href="{:url('News/detail',['id'=>$vo['id']])}">{$vo['title']}</a></span>
                <p>{:msubstr($vo['description'],0,68)}<<a href="{:url('News/detail',['id'=>$vo['id']])}" class="org">查看详细</a>></p>
            </li>
            {/if}
            {/fang:lists}
        </ul>
    </div>
</div>

<div class="div_box01">
    <div class="tab_title01 overflow_h">
        <ul class="idTabs">
            <li><a href="#tab01" class="selected">{$articleCate['cate'][2]['name']}</a></li>
            <li><a href="#tab02">{$articleCate['cate'][3]['name']}</a></li>
            <li><a href="#tab03">{$articleCate['cate'][4]['name']}</a></li>
            <li><a href="#tab04">{$articleCate['cate'][9]['name']}</a></li>
        </ul>
    </div>
    <div id="con">
    <div class="news_list" id="tab01">
        <ul>
            {volist name='news_baodao' id='vo'}
                <li>
                    <span class="title_t"><a href="{:url('News/detail',['id'=>$vo['id']])}">{$vo.title}</a></span>
                    <p><a href="{:url('News/detail',['id'=>$vo['id']])}">{:msubstr($vo['description'],0,58)}</a></p></li>
            {/volist}
        </ul>
        <div class="plastic_bottom_pages">
            <a href="{:url('News/lists',['cate_id'=>'2'])}">查看更多{$articleCate['cate'][2]['name']}&gt;&gt;</a>
        </div>
    </div>

    <div class="news_list" id="tab02" style="display:none">
        <ul>
            {volist name='news_bendi' id='vo'}
            <li>
                <span class="title_t"><a href="{:url('News/detail',['id'=>$vo['id']])}">{$vo.title}</a></span>
                <p><a href="{:url('News/detail',['id'=>$vo['id']])}">{:msubstr($vo['description'],0,58)}</a></p></li>
            {/volist}
        </ul>
        <div class="plastic_bottom_pages">
            <a href="{:url('News/lists',['cate_id'=>'3'])}">查看更多{$articleCate['cate'][3]['name']}&gt;&gt;</a>
        </div>
    </div>

    <div class="news_list" id="tab03" style="display:none">
        <ul>
            {volist name='news_loupan' id='vo'}
            <li>
                <span class="title_t"><a href="{:url('News/detail',['id'=>$vo['id']])}">{$vo.title}</a></span>
                <p><a href="{:url('News/detail',['id'=>$vo['id']])}">{:msubstr($vo['description'],0,58)}</a></p></li>
            {/volist}
        </ul>
        <div class="plastic_bottom_pages">
            <a href="{:url('News/lists',['cate_id'=>'4'])}">查看更多{$articleCate['cate'][4]['name']}&gt;&gt;</a>
        </div>
    </div>

    <div class="news_list" id="tab04" style="display:none">
        <ul>
            {volist name='news_goufang' id='vo'}
            <li>
                <span class="title_t"><a href="{:url('News/detail',['id'=>$vo['id']])}">{$vo.title}</a></span>
                <p><a href="{:url('News/detail',['id'=>$vo['id']])}">{:msubstr($vo['description'],0,58)}</a></p></li>
            {/volist}
        </ul>
        <div class="plastic_bottom_pages">
            <a href="{:url('News/lists',['cate_id'=>'9'])}">查看更多{$articleCate['cate'][9]['name']}&gt;&gt;</a>
        </div>
    </div>
    </div>
</div>
<script>
    $(function(){
        $('.idTabs a').on('click',function(){
           var index = $(this).parent().index();
            $(this).addClass('selected').parent().siblings().find('a').removeClass('selected');
            $('#con').children().eq(index).show().siblings().hide();
        });
    })
</script>
{/block}